<template>
<view class="logout_popup">
	<!-- <view>编辑简介</view> -->
	<textarea maxlength=200 placeholder='介绍一下自己,让大家了解和关注你~' @input="sumfontnum"></textarea>
	<view><text>{{fontNum}}</text>/200</view>
	<view>确认后即可保存</view>
	<button type="primary" @tap="gotoBack">确认</button>
</view>
</template>

<script>
	export default {
		data() {
			return {
				fontNum:''
			}
		},
methods:{
	// 限制文本框字数
	sumfontnum(e){
		console.log(e)
		this.fontNum=e.detail.value.length
	},
	  handleCancel() {
	    uni.navigateBack(); // 点击取消按钮，返回上一页
	  },
	  gotoBack() {
		  uni.navigateBack();
	  }
}
	}
</script>

<style scoped>
.logout_popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.logout_popup view:first-child {
  text-align: center;
  font-size: 24px;
  margin-bottom: 10px;
}

.logout_popup view + view {
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: 20px;
}

.logout_popup textarea {
  width: 100%;
  min-height: 100px;
  margin-bottom: 10px;
  font-size: 14px;
}

.logout_popup view:last-child {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #666;
}

.logout_popup button {
  width: 80%;
  color: white;
  border-radius: 5px;
  margin-top: 20px;
  background-color:#dea01f ;
}
</style>
